<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <!-- 必须的 meta 标签 -->
    <meta charset="utf-8" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1, shrink-to-fit=no"
    />

    <!-- Bootstrap 的 CSS 文件 -->
    <link
      rel="stylesheet"
      href="https://cdn.jsdelivr.net/npm/bootstrap@4.3.1/dist/css/bootstrap.min.css"
      integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T"
      crossorigin="anonymous"
    />
    <link rel="stylesheet" href="./设计之家css.css">

    <title>首页</title>
  </head>

  <body>
    <!--  -->
    <nav class="navbar  navbar-expand navbar-light bg-primary  ">
        <a class="navbar-brand ml-5" href="#">
            <img src="https://work.sj33.cn/asset/pc/front/image/logo.svg" width="133" height="35">
        </a>

        <button class="navbar-toggler  " type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
          <span class="navbar-toggler-icon"></span>
        </button>
      
        <div class="collapse navbar-collapse my-0" id="navbarSupportedContent" >
          <ul class="navbar-nav mr-auto ml-5">   
            <!-- 导航块列表 -->
            <li class="nav-item active ml-3 ">
              <a class="nav-link " href="#" style="font-weight: 700;">首页 <span class="sr-only">(current)</span></a>
              </li>
             
              <li class="nav-item dropdown ">
                <a class="nav-link  " href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="false" aria-expanded="false">
                  灵感
                </a>
                <div class="dropdown-menu" aria-labelledby="navbarDropdown">
                  <a class="dropdown-item" href="#">平面设计</a>
                  <a class="dropdown-item" href="#">环艺设计</a>
                  <a class="dropdown-item" href="#">医院历史</a>
                  <!-- <div class="dropdown-divider"></div> -->
                </div>
              </li>
  
              <li class="nav-item dropdown " >
                <a class="nav-link" href="#" id="navbarDropdown2" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
                 作品
                </a>
                <div class="dropdown-menu" aria-labelledby="navbarDropdown2">
                  <a class="dropdown-item" href="#">平面设计</a>
                  <a class="dropdown-item" href="#">空间设计</a>
                  <a class="dropdown-item" href="#">UI/UX</a>
                </div>
              </li>
           
              <li class="nav-item active ">
                <a class="nav-link" href="#">文章<span class="sr-only">(current)</span></a>
               

              </li>
             
              <li class="nav-item dropdown " >
                <a class="nav-link" href="#" id="navbarDropdown2" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
                 教程
                </a>
                <div class="dropdown-menu" aria-labelledby="navbarDropdown2">
                  <a class="dropdown-item" href="#">平面教程</a>
                  <a class="dropdown-item" href="#">网页教程</a>
              
                </div>
              </li>
              <li class="nav-item dropdown " >
                <a class="nav-link" href="#" id="navbarDropdown2" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
                 素材
                </a>
                <div class="dropdown-menu" aria-labelledby="navbarDropdown2">
                  <a class="dropdown-item" href="#">矢量素材</a>
                  <a class="dropdown-item" href="#">矢量标志</a>
              
                </div>
              </li>
              <li class="nav-item dropdown " >
                <a class="nav-link" href="#" id="navbarDropdown2" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
                 征集
                </a>
                <div class="dropdown-menu" aria-labelledby="navbarDropdown2">
                  <a class="dropdown-item" href="#">平面征集</a>
                  <a class="dropdown-item" href="#">工业征集</a>
              
                </div>
              </li>
              <li class="nav-item active ">
                <a class="nav-link" href="#">资讯<span class="sr-only">(current)</span></a>
              </li>
              <li class="nav-item active ">
                <a class="nav-link" href="../导航页面/nav.html">导航<span class="sr-only">(current)</span></a>
              </li>

            </ul>
           
         
             <!-- 搜索 -->
             <form class="form-inline  mx-3" >
              <input class="form-control mr-sm-2" type="search" placeholder="请输入关键词" aria-label="Search" >
              <input type="submit" value=" " class="c_btn">
             
            </form>
            <ul class="navbar-nav mr-auto">   
              <!-- 导航块列表 -->
              
                </li>
                <li class="nav-item1 active mt-3 mr-1 ">
                  <a class="imagea" href="#">
                    <img src="./images/icon1.png ">
                    
                </a>
                </li>
                <li class="nav-item1 active  mt-3">
                  <a class="imagea" href="#">
                    <img src="./images/icon1.png ">
                    
                </a>
                </li>
              </li>
              <li class="nav-item1 active  color=#fff">
                <a class="nav-link" href="#">注册<span class="sr-only">(current)</span></a>
              </li>
              <li class="nav-item1 active ">
                <a class="nav-link" href="#">登录<span class="sr-only">(current)</span></a>
              </li>
  
              </ul>
            </div>
        </nav>
      
    <div class="all">
      <div class="one">
        <hr/>
        <div
          id="carouselExampleIndicators"
          class="carousel slide"
          data-ride="carousel"
        >
          <ol class="carousel-indicators">
            <li
              data-target="#carouselExampleIndicators"
              data-slide-to="0"
              class="active"
            ></li>
            <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
            <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
          </ol>
          <div class="carousel-inner">
            <div class="carousel-item active">
              <img
                src="./images/shouye1.jpg"
                class="d-block w-100"
                alt="..."
              />
            </div>
            <div class="carousel-item">
              <img
                src="./images/shouye2.jpg"
                class="d-block w-100"
                alt="..."
              />
            </div>
            <div class="carousel-item">
              <img
                src="./images/shouye3.jpg"
                class="d-block w-100"
                alt="..."
              />
            </div>
          </div>
          <a
            class="carousel-control-prev"
            href="#carouselExampleIndicators"
            role="button"
            data-slide="prev"
          >
            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
          </a>
          <a
            class="carousel-control-next"
            href="#carouselExampleIndicators"
            role="button"
            data-slide="next"
          >
            <span class="carousel-control-next-icon" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
          </a>
        </div>
      </div>
      <!--  -->
      <div class="two">
        <div class="row">
          <!-- 网格具体信息 -->
          <div class="col-lg-3 col-md-6 col-sm-12 my-3">
            <div class="card text-center">
              <a href="#"
                ><img class="card-img-top" src="./images/1.jpg"
              /></a>
            </div>
          </div>
          <div class="col-lg-3 col-md-6 col-sm-12 my-3">
            <div class="card text-center">
              <a href="#"
                ><img class="card-img-top" src="./images/2.jpg"
              /></a>
            </div>
          </div>
          <div class="col-lg-3 col-md-6 col-sm-12 my-3">
            <div class="card text-center">
              <a href="#"
                ><img class="card-img-top" src="./images/3.jpg"
              /></a>
            </div>
          </div>
          <div class="col-lg-3 col-md-6 col-sm-12 my-3">
            <div class="card text-center">
              <a href="#"
                ><img class="card-img-top" src="./images/4.jpg"
              /></a>
            </div>
          </div>
        </div>
      </div>
      <!--  -->
      <div class="three">
        <div class="tab_left">
          <li><a href="javascript:;" id="other1" style="text-decoration: none;">最新灵感</a></li>
          <li><a href="javascript:;" id="other2"  style="text-decoration: none;">近期热门</a></li>
        </div>
        <div class="tab_right">
          <a href="#">平面</a>
          <a href="#">网页</a>
          <a href="#">UI</a>
          <a href="#">酷站</a>
          <a href="#">室内</a>
          <a href="#">装修</a>
          <a href="#">工业</a>
          <a href="#">插图</a>
          <a href="#">摄影</a>
          <a href="#">艺术</a>
          <a href="#">设计网址</a>
        </div>
      </div>
      <div class="four">
        <div class="row">
          <!-- 网格具体信息 -->
          <div class="col-lg-3 col-md-6 col-sm-12 my-3">
            <div class="card">
              <img class="card-img-top" src="./images/5.jpg" />
              <div class="card-body">
                <h3 class="card-title">
                  Art-zavod Platforma创意集群导视系统设计
                </h3>
                <p class="card-text">环艺设计 - 导视设计 | 2022-06-29</p>
              </div>
            </div>
          </div>
          <div class="col-lg-3 col-md-6 col-sm-12 my-3">
            <div class="card">
              <img class="card-img-top" src="./images/5.jpg" />
              <div class="card-body">
                <h3 class="card-title">
                  Art-zavod Platforma创意集群导视系统设计
                </h3>
                <p class="card-text">环艺设计 - 导视设计 | 2022-06-29</p>
              </div>
            </div>
          </div>
          <div class="col-lg-3 col-md-6 col-sm-12 my-3">
            <div class="card">
              <img class="card-img-top" src="./images/5.jpg" />
              <div class="card-body">
                <h3 class="card-title">
                  Art-zavod Platforma创意集群导视系统设计
                </h3>
                <p class="card-text">环艺设计 - 导视设计 | 2022-06-29</p>
              </div>
            </div>
          </div>
          <div class="col-lg-3 col-md-6 col-sm-12 my-3">
            <div class="card">
              <img class="card-img-top" src="./images/5.jpg" />
              <div class="card-body">
                <h3 class="card-title">
                  Art-zavod Platforma创意集群导视系统设计
                </h3>
                <p class="card-text">环艺设计 - 导视设计 | 2022-06-29</p>
              </div>
            </div>
          </div>
          <div class="col-lg-3 col-md-6 col-sm-12 my-3">
            <div class="card">
              <img class="card-img-top" src="./images/5.jpg" />
              <div class="card-body">
                <h3 class="card-title">
                  Art-zavod Platforma创意集群导视系统设计
                </h3>
                <p class="card-text">环艺设计 - 导视设计 | 2022-06-29</p>
              </div>
            </div>
          </div>
          <div class="col-lg-3 col-md-6 col-sm-12 my-3">
            <div class="card">
              <img class="card-img-top" src="./images/5.jpg" />
              <div class="card-body">
                <h3 class="card-title">
                  Art-zavod Platforma创意集群导视系统设计
                </h3>
                <p class="card-text">环艺设计 - 导视设计 | 2022-06-29</p>
              </div>
            </div>
          </div>
          <div class="col-lg-3 col-md-6 col-sm-12 my-3">
            <div class="card">
              <img class="card-img-top" src="./images/5.jpg" />
              <div class="card-body">
                <h3 class="card-title">
                  Art-zavod Platforma创意集群导视系统设计
                </h3>
                <p class="card-text">环艺设计 - 导视设计 | 2022-06-29</p>
              </div>
            </div>
          </div>
          <div class="col-lg-3 col-md-6 col-sm-12 my-3">
            <div class="card">
              <img class="card-img-top" src="./images/5.jpg" />
              <div class="card-body">
                <h3 class="card-title">
                  Art-zavod Platforma创意集群导视系统设计
                </h3>
                <p class="card-text">环艺设计 - 导视设计 | 2022-06-29</p>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="five" style="display: none">
        <div class="row">
          <!-- 网格具体信息 -->
          <div class="col-lg-3 col-md-6 col-sm-12 my-3">
            <div class="card">
              <img class="card-img-top" src="./images/6.jpg" />
              <div class="card-body">
                <h3 class="card-title">
                  Art-zavod Platforma创意集群导视系统设计
                </h3>
                <p class="card-text">环艺设计 - 导视设计 | 2022-06-29</p>
              </div>
            </div>
          </div>
          <div class="col-lg-3 col-md-6 col-sm-12 my-3">
            <div class="card">
              <img class="card-img-top" src="./images/6.jpg" />
              <div class="card-body">
                <h3 class="card-title">
                  Art-zavod Platforma创意集群导视系统设计
                </h3>
                <p class="card-text">环艺设计 - 导视设计 | 2022-06-29</p>
              </div>
            </div>
          </div>
          <div class="col-lg-3 col-md-6 col-sm-12 my-3">
            <div class="card">
              <img class="card-img-top" src="./images/6.jpg" />
              <div class="card-body">
                <h3 class="card-title">
                  Art-zavod Platforma创意集群导视系统设计
                </h3>
                <p class="card-text">环艺设计 - 导视设计 | 2022-06-29</p>
              </div>
            </div>
          </div>
          <div class="col-lg-3 col-md-6 col-sm-12 my-3">
            <div class="card">
              <img class="card-img-top" src="./images/6.jpg" />
              <div class="card-body">
                <h3 class="card-title">
                  Art-zavod Platforma创意集群导视系统设计
                </h3>
                <p class="card-text">环艺设计 - 导视设计 | 2022-06-29</p>
              </div>
            </div>
          </div>
          <div class="col-lg-3 col-md-6 col-sm-12 my-3">
            <div class="card">
              <img class="card-img-top" src="./images/6.jpg" />
              <div class="card-body">
                <h3 class="card-title">
                  Art-zavod Platforma创意集群导视系统设计
                </h3>
                <p class="card-text">环艺设计 - 导视设计 | 2022-06-29</p>
              </div>
            </div>
          </div>
          <div class="col-lg-3 col-md-6 col-sm-12 my-3">
            <div class="card">
              <img class="card-img-top" src="./images/6.jpg" />
              <div class="card-body">
                <h3 class="card-title">
                  Art-zavod Platforma创意集群导视系统设计
                </h3>
                <p class="card-text">环艺设计 - 导视设计 | 2022-06-29</p>
              </div>
            </div>
          </div>
          <div class="col-lg-3 col-md-6 col-sm-12 my-3">
            <div class="card">
              <img class="card-img-top" src="./images/6.jpg" />
              <div class="card-body">
                <h3 class="card-title">
                  Art-zavod Platforma创意集群导视系统设计
                </h3>
                <p class="card-text">环艺设计 - 导视设计 | 2022-06-29</p>
              </div>
            </div>
          </div>
          <div class="col-lg-3 col-md-6 col-sm-12 my-3">
            <div class="card">
              <img class="card-img-top" src="./images/6.jpg" />
              <div class="card-body">
                <h3 class="card-title">
                  Art-zavod Platforma创意集群导视系统设计
                </h3>
                <p class="card-text">环艺设计 - 导视设计 | 2022-06-29</p>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="six">
        <a href="#" style="display:inline-block; color:black;text-decoration: none;">首先推荐</a>&nbsp&nbsp&nbsp&nbsp&nbsp
        <a href="#" style="display:inline-block; color:black;text-decoration: none;">最新发布</a>
        <div class="row">
          <!-- 网格具体信息 -->
          <div class="col-lg-3 col-md-6 col-sm-12 my-3">
            <div class="card text-center">
              <img src="./images/10.jpg" class="card-top" alt="...">
              <div class="card-body">
                <h5 class="card-title">动物logo创意集合</h5>
                <p class="card-text">平面设计 - logo</p>
  
                <div class="user">
                  <div class="fr"><span>2天前</span></div>
                  <div class="name">
                    <a data-user-id="genghang" href="" class="liang_js_button_user_card user_info" target="_blank">
                      <img src="../avatar.jpg" class="avatar rounded-circle" id="g">耿航
                    </a>
  
                    <div class="author_card" style="display: none;">
                      <div class="top_bar">
                    <div class="container">
                    <div class="row">
                    
                          <div class="col">
                            <a href="" target="_blank">
                              <img src="./images/10.jpg" id="touxiang">
                            </a>
                          </div>
                          <div class="col-md-6" >
                            <div class="author_card_title">
                              <a href="" class="author_card_title_name" target="_blank">耿航</a>
                            </div>
                            <div class="author_card_position">赤峰市 | 平面设计师</div>
                          </div>
                          <div class="col">
                        <div class="focus_btn">
                          <a href=""  class="btn-danger layui-btn-sm " target="_blank" id="guanzhu">关注</a>
                        </div>
                          </div>
                      </div>
                      <div class="row" id="zuopin">
                        <div class="rol">
                        <a href="" target="_blank">
                          <img src="./images/10.jpg">
                        </a>
                        </div>
                        <div class="col">
                        <a href="" target="_blank">
                          <img src="./images/10.jpg"></a>
                        </div>
                          <div class="rol">
                        <a href="" target="_blank">
                          <img src="./images/10.jpg"></a>
                        </div>
                      </div>  
                    </div>
                    </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>  
            </div>
            <div class="col-lg-3 col-md-6 col-sm-12 my-3">
                <div class="card text-center">
                  <img src="./images/10.jpg" class="card-top" alt="...">
                  <div class="card-body">
                    <h5 class="card-title">动物logo创意集合</h5>
                    <p class="card-text">平面设计 - logo</p>
      
                    <div class="user">
                      <div class="fr"><span>2天前</span></div>
                      <div class="name">
                        <a data-user-id="genghang" href="" class="liang_js_button_user_card user_info" target="_blank">
                          <img src="../avatar.jpg" class="avatar rounded-circle" id="g">耿航
                        </a>
      
                        <div class="author_card" style="display: none;">
                          <div class="top_bar">
                        <div class="container">
                        <div class="row">
                        
                              <div class="col">
                                <a href="" target="_blank">
                                  <img src="./images/10.jpg" id="touxiang">
                                </a>
                              </div>
                              <div class="col-md-6" >
                                <div class="author_card_title">
                                  <a href="" class="author_card_title_name" target="_blank">耿航</a>
                                </div>
                                <div class="author_card_position">赤峰市 | 平面设计师</div>
                              </div>
                              <div class="col">
                            <div class="focus_btn">
                              <a href=""  class="btn-danger layui-btn-sm " target="_blank" id="guanzhu">关注</a>
                            </div>
                              </div>
                          </div>
                          <div class="row" id="zuopin">
                            <div class="rol">
                            <a href="" target="_blank">
                              <img src="./images/10.jpg">
                            </a>
                            </div>
                            <div class="col">
                            <a href="" target="_blank">
                              <img src="./images/10.jpg"></a>
                            </div>
                              <div class="rol">
                            <a href="" target="_blank">
                              <img src="./images/10.jpg"></a>
                            </div>
                          </div>                       
                        </div>
                        </div>
                            </div>
                          </div>
                        </div>            
                      </div>
                    </div>
      
                </div>
            <div class="col-lg-3 col-md-6 col-sm-12 my-3">
              <div class="card text-center">
                <img src="./images/10.jpg" class="card-top" alt="...">
                <div class="card-body">
                  <h5 class="card-title">动物logo创意集合</h5>
                  <p class="card-text">平面设计 - logo</p>
    
                  <div class="user">
                    <div class="fr"><span>2天前</span></div>
                    <div class="name">
                      <a data-user-id="genghang" href="" class="liang_js_button_user_card user_info" target="_blank">
                        <img src="../avatar.jpg" class="avatar rounded-circle" id="g">耿航
                      </a>
    
                      <div class="author_card" style="display: none;">
                        <div class="top_bar">
                      <div class="container">
                      <div class="row">
                      
                            <div class="col">
                              <a href="" target="_blank">
                                <img src="./images/10.jpg" id="touxiang">
                              </a>
                            </div>
                            <div class="col-md-6" >
                              <div class="author_card_title">
                                <a href="" class="author_card_title_name" target="_blank">耿航</a>
                              </div>
                              <div class="author_card_position">赤峰市 | 平面设计师</div>
                            </div>
                            <div class="col">
                          <div class="focus_btn">
                            <a href=""  class="btn-danger layui-btn-sm " target="_blank" id="guanzhu">关注</a>
                          </div>
                            </div>
                        </div>
                        <div class="row" id="zuopin">
                          <div class="rol">
                          <a href="" target="_blank">
                            <img src="./images/10.jpg">
                          </a>
                          </div>
                          <div class="col">
                          <a href="" target="_blank">
                            <img src="./images/10.jpg"></a>
                          </div>
                            <div class="rol">
                          <a href="" target="_blank">
                            <img src="./images/10.jpg"></a>
                          </div>
                        </div>                                            
                      </div>
                      </div>                                               
                          </div>         
                        </div>
                      </div>
                    </div>
                  </div>
    
                </div>
                <div class="col-lg-3 col-md-6 col-sm-12 my-3">
                  <div class="card text-center">
                    <img src="./images/10.jpg" class="card-top" alt="...">
                    <div class="card-body">
                      <h5 class="card-title">动物logo创意集合</h5>
                      <p class="card-text">平面设计 - logo</p>
        
                      <div class="user">
                        <div class="fr"><span>2天前</span></div>
                        <div class="name">
                          <a data-user-id="genghang" href="" class="liang_js_button_user_card user_info" target="_blank">
                            <img src="../avatar.jpg" class="avatar rounded-circle" id="g">耿航
                          </a>
        
                          <div class="author_card" style="display: none;">
                            <div class="top_bar">
                          <div class="container">
                          <div class="row">
                          
                                <div class="col">
                                  <a href="" target="_blank">
                                    <img src="./images/10.jpg" id="touxiang">
                                  </a>
                                </div>
                                <div class="col-md-6" >
                                  <div class="author_card_title">
                                    <a href="" class="author_card_title_name" target="_blank">耿航</a>
                                  </div>
                                  <div class="author_card_position">赤峰市 | 平面设计师</div>
                                </div>
                                <div class="col">
                              <div class="focus_btn">
                                <a href=""  class="btn-danger layui-btn-sm " target="_blank" id="guanzhu">关注</a>
                              </div>
                                </div>
                            </div>
                            <div class="row" id="zuopin">
                              <div class="rol">
                              <a href="" target="_blank">
                                <img src="./images/10.jpg">
                              </a>
                              </div>
                              <div class="col">
                              <a href="" target="_blank">
                                <img src="./images/10.jpg"></a>
                              </div>
                                <div class="rol">
                              <a href="" target="_blank">
                                <img src="./images/10.jpg"></a>
                              </div>
                            </div>                                                    
                          </div>
                          </div>                                        
                              </div>             
                            </div>
                          </div>
                        </div>
                      </div>
        
                    </div>
            </div>
      </div>
      <!--  -->
      <div class="seven">             
        <div class="seven_left" style="width: 70%;">
          <span><a href="javascript:;"  style="text-decoration: none;">最新文章</a></span>
      <span><a href="javascript:;"  style="text-decoration: none;">设计教程</a></span>
      <hr>
            <div class="column" >
            <div class="card mb-3" >
                <div class="row no-gutters">
                  <div class="col-md-3">
                    <a href="javascript:;"><img src="./images/food1.jpg" style="width: 200px;height: 200px;" alt="..."></a>
                  </div>
                  <div class="col-md-8">
                    <div class="card-body">
                        <a href="javascript:;"><h5 class="card-title">跟着日本的食品海报学习设计</h5></a>
                      <p class="card-text">2022-05-04</p>
                      <p class="card-text"><small class="text-muted">食品海报是平面设计中的一个大类，在人口最多、餐饮业最发达的中国更是如此，每天我们都能接触到很多跟餐饮相关的海报设计。说到食品海报，我们很难绕开日本设计，如果你是一...</small></p>
                    </div>
                  </div>
                </div>
            </div>
            <div class="card mb-3" >
              <div class="row no-gutters">
                <div class="col-md-3">
                  <a href="javascript:;"><img src="./images/food1.jpg" style="width: 200px;height: 200px;" alt="..."></a>
                </div>
                <div class="col-md-8">
                  <div class="card-body">
                      <a href="javascript:;"><h5 class="card-title">跟着日本的食品海报学习设计</h5></a>
                    <p class="card-text">2022-05-04</p>
                    <p class="card-text"><small class="text-muted">食品海报是平面设计中的一个大类，在人口最多、餐饮业最发达的中国更是如此，每天我们都能接触到很多跟餐饮相关的海报设计。说到食品海报，我们很难绕开日本设计，如果你是一...</small></p>
                  </div>
                </div>
              </div>
          </div>
          <div class="card mb-3" >
            <div class="row no-gutters">
              <div class="col-md-3">
                <a href="javascript:;"><img src="./images/food1.jpg" style="width: 200px;height: 200px;" alt="..."></a>
              </div>
              <div class="col-md-8">
                <div class="card-body">
                    <a href="javascript:;"><h5 class="card-title">跟着日本的食品海报学习设计</h5></a>
                  <p class="card-text">2022-05-04</p>
                  <p class="card-text"><small class="text-muted">食品海报是平面设计中的一个大类，在人口最多、餐饮业最发达的中国更是如此，每天我们都能接触到很多跟餐饮相关的海报设计。说到食品海报，我们很难绕开日本设计，如果你是一...</small></p>
                </div>
              </div>
            </div>
        </div>
        <div class="card mb-3" >
          <div class="row no-gutters">
            <div class="col-md-3">
              <a href="javascript:;"><img src="./images/food1.jpg" style="width: 200px;height: 200px;" alt="..."></a>
            </div>
            <div class="col-md-8">
              <div class="card-body">
                  <a href="javascript:;"><h5 class="card-title">跟着日本的食品海报学习设计</h5></a>
                <p class="card-text">2022-05-04</p>
                <p class="card-text"><small class="text-muted">食品海报是平面设计中的一个大类，在人口最多、餐饮业最发达的中国更是如此，每天我们都能接触到很多跟餐饮相关的海报设计。说到食品海报，我们很难绕开日本设计，如果你是一...</small></p>
              </div>
            </div>
          </div>
      </div>
      <div class="card mb-3" >
        <div class="row no-gutters">
          <div class="col-md-3">
            <a href="javascript:;"><img src="./images/food1.jpg" style="width: 200px;height: 200px;" alt="..."></a>
          </div>
          <div class="col-md-8">
            <div class="card-body">
                <a href="javascript:;"><h5 class="card-title">跟着日本的食品海报学习设计</h5></a>
              <p class="card-text">2022-05-04</p>
              <p class="card-text"><small class="text-muted">食品海报是平面设计中的一个大类，在人口最多、餐饮业最发达的中国更是如此，每天我们都能接触到很多跟餐饮相关的海报设计。说到食品海报，我们很难绕开日本设计，如果你是一...</small></p>
            </div>
          </div>
        </div>
    </div>
        </div>
      </div>
      <div class="seven_right">
      </div>
        <div class="lion_archive_right">
          <div class="lion_archive_hot">
            <div class="lion_tit">公众号内容精选</div>
            <hr>
            <div class="lion_list">
              <div class="lion_item">
                <a target="_blank" href="https://mp.weixin.qq.com/s/JfbFVVo5Mw3Bv9ghkluEJg" class="lion_img imgmask">
                  <img src="./images/8.jpg" id = "img" width="110" height="68" alt="5组优秀版式设计分享">
                </a>
                <h3>
                  <span class="lion_tags">1</span>
                  <a target="_blank" href="https://mp.weixin.qq.com/s/JfbFVVo5Mw3Bv9ghkluEJg">5组优秀版式设计分享</a>
                  
                </h3>
                <p>公众号作品</p>
              </div>
    
              <div class="lion_item">
                <a target="_blank" href="https://mp.weixin.qq.com/s/Dmlc7xnqBYuHjAfN8sh1CQ" class="lion_img imgmask">
                  <img src="./images/8.jpg" id = "img" width="110" height="68" alt="6组建筑工作室品牌VI设计">
                </a>
                <h3>
                  <span class="lion_tags">2</span>
                  <a target="_blank" href="https://mp.weixin.qq.com/s/Dmlc7xnqBYuHjAfN8sh1CQ">6组建筑工作室品牌VI设计</a>
                </h3>
                <p>公众号作品</p>
              </div>
    
              <div class="lion_item">
                <a target="_blank" href="https://mp.weixin.qq.com/s/KCD5-N6Pt0qz-byjVIBV1A" class="lion_img imgmask">
                  <img src="./images/8.jpg" id = "img"  width="110" height="68" alt="6组优秀版式设计分享">
                </a>
                <h3>
                  <span class="lion_tags">3</span>
                  <a target="_blank" href="https://mp.weixin.qq.com/s/KCD5-N6Pt0qz-byjVIBV1A">6组优秀版式设计分享</a>
                </h3>
                <p>公众号作品</p>
              </div>
    
              <div class="lion_item">
                <a target="_blank" href="https://mp.weixin.qq.com/s/WFCjNC_euQqNsfkyGeuurw" class="lion_img imgmask">
                  <img src="./images/8.jpg"id = "img" width="110" height="68" alt="纽约 | High Tide设计作品">
                </a>
                <h3>
                  <span class="lion_tags">4</span>
                  <a target="_blank" href="https://mp.weixin.qq.com/s/WFCjNC_euQqNsfkyGeuurw">纽约 | High Tide设计作品</a>
                </h3>
                <p>公众号作品</p>
              </div>
    
    
              <div class="lion_item">
                <a target="_blank" href="https://mp.weixin.qq.com/s/rLEW7C27L50CWke5p6KN8w" class="lion_img imgmask">
                  <img src="./images/8.jpg" id = "img" width="110" height="68" alt="12组高质感名片设计分享">
                </a>
                <h3>
                  <span class="lion_tags">5</span>
                  <a target="_blank" href="https://mp.weixin.qq.com/s/rLEW7C27L50CWke5p6KN8w">12组高质感名片设计分享</a>
                </h3>
                <p>公众号作品</p>
              </div>
            </div>
          </div>
    
        </div>
    </div>
   
    
    </div>
     <!--  -->
    <div class="buttom">
      <div style="display: block;">
        <div class="Buttom"></div>
        <div class="Buttom1"></div>
        <div class="Buttom2">
            <a href="javascript:;">关于我们</a>
            <a href="javascript:;">广告投放</a>
            <a href="javascript:;">版权声明</a>
            <a href="javascript:;">免责声明</a>
            <a href="javascript:;">网站地图</a>
            <a href="javascript:;">友情链接</a>
            <a href="javascript:;">留言反馈</a>
            <a href="javascript:;">在线交谈</a>
        </div>
      </div>
    </div>
    <script>
      var five = document.querySelector("#other2");
      var four = document.querySelector("#other1");
      var div4 = document.querySelector(".four");
      var div5 = document.querySelector(".five");
      five.onclick = function () {
        div4.style.display = "none";
        div5.style.display = "block";
      };
      four.onclick = function () {
        div4.style.display = "block";
        div5.style.display = "none";
      };
      $(".dropdown-item").mousedown(function(){
        console.log("aa");
        $(this).css("background-color","#f8f9fa");
        $(this).css("color","#000000");
       
      })
      $(".dropdown-item").mouseup(function(){
        console.log("aa");
        $(this).css("background-color","transparent");
       
      })
    </script>
    <script
      src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
      integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
      crossorigin="anonymous"
    ></script>
    <script
      src="https://cdn.jsdelivr.net/npm/popper.js@1.14.7/dist/umd/popper.min.js"
      integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1"
      crossorigin="anonymous"
    ></script>
    <script
      src="https://cdn.jsdelivr.net/npm/bootstrap@4.3.1/dist/js/bootstrap.min.js"
      integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
      crossorigin="anonymous"
    ></script>
  </body>
</html>
